<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/swiper.min.css"/>
		<link rel="stylesheet" href="../../../css/style.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bxn">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">公选王遴选面试高分宝典</h1>
		</header>
		<div id="refreshContainer">
			<div class="mui-content getHeight" id="data_list">
				<div class="fixTab">
					<div class="tabs eTitle mt30">
						<a tab-index='1' @tap="select_tab($event)" :class="(tabIndex == '1') ? 'active' : ''">目录<em></em></a>
						<a tab-index='2' @tap="select_tab($event)" :class="(tabIndex == '2') ? 'active' : ''">书签<em></em></a>
						<a tab-index='3' @tap="select_tab($event)" :class="(tabIndex == '3') ? 'active' : ''">笔记<em></em></a>
					</div>
				</div>
				<div id="tabs-container" class="swiper-container">
					<div class="swiper-wrapper eCont">
						<div class="swiper-slide">
							<div class="cate_list">
								<dl class="mui-table-view" v-for="val in mulu_lists">
									<dt>{{val.title}}</dt>
									<dd class="curStatus mui-table-view-cell" v-for="sec in val.section_list" @tap="open_mulu_list_detail(sec.section_id)">{{sec.title}}</dd>
								</dl>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="bookMark">
								<dl v-for="bal in bookmark_lists" @tap="open_mulu_list_detail(bal.section_id)">
									<dt>{{bal.section_title}}</dt>
								</dl>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="notes">
								<dl v-for="nal in notes_lists">
									<dt>{{nal.section_title}}</dt>
									<dd>{{nal.content}}</dd>
									<p>{{nal.addtime}}</p>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js" ></script>
		<script type="text/javascript" src="../../../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../../../js/swiper.min.js" ></script>
		<script type="text/javascript" src="../../../js/tpl/catelogTab.js"></script>
		<script src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/public.js"></script>
	</body>

</html>